@charset "utf-8";

@font-face {
    font-family: 'Impact';
    src: url('font-impact/Impact.eot');
    src: url('font-impact/Impact.eot?#iefix') format('embedded-opentype'),
    url('font-impact/Impact.woff2') format('woff2'),
    url('font-impact/Impact.woff') format('woff'),
    url('font-impact/Impact.ttf') format('truetype'),
    url('font-impact/Impact.svg#Impact') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('fontawesome/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('fontawesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fontawesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fontawesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fontawesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fontawesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*阿里字体库 BEGIN*/
@font-face {font-family: 'iconfont';
    src: url("iconfont/iconfont.eot"); /* IE9*/
    src: url("iconfont/iconfont.eot-#iefix") format('embedded-opentype'), /* IE6-IE8 */
    url("iconfont/iconfont.woff") format('woff'), /* chromeã€firefox */
    url("iconfont/iconfont.ttf") format('truetype'), /* chromeã€firefoxã€operaã€Safari, Android, iOS 4.2+*/
    url("iconfont/iconfont.svg#uxiconfont") format('svg'); /* iOS 4.1- */
}
.iconfont{font-family:"iconfont" !important;font-size:.8rem;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; vertical-align: middle; }
/*阿里字体库 END*/

/* ================================ */
/* 格式化样式标签、基础类型样式		*/
/* by www.yunku.live
/* ================================ */

/*********** 公共CSS ************/
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

/*多分辨率设定rem设定*/
html { font-size : 20px; }

/*Note3*/
@media only screen and (min-width: 360px) {
html { font-size: 22px !important; }
}

/*iPhone6*/
@media only screen and (min-width: 376px) {
html { font-size: 23px !important; }
}

/*iPhone6 plus*/
@media only screen and (min-width: 414px) {
html { font-size: 25px !important; }
}

/*big Resolution*/
@media only screen and (min-width: 641px) {
html { font-size: 25px !important; }
}


html { -ms-touch-action: none;}
body {
    font-family: SourceHanSansCN, Heiti, Heiti SC, DroidSans, DroidSansFallback, Arial, "Microsoft YaHei", 'Helvetica Neue', Helvetica, sans-serif;
    background: #F5F5F5;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
body.bg-image {background: url(../images/body_bg/bg.png)}
body.bg-image2 {
    background-image: url(../images/body_bg/bg2.png);
    background-color: #fc5651;
}
body.bg-white { background: #FFFFFF; }
input { font-family: Arial, "Microsoft YaHei", sans-serif; }
a { text-decoration: none;  -webkit-touch-callout: none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, span, a { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img, iframe { border: 0 }
:focus { outline: 0 }
i, address, caption, cite, code, dfn, em, strong, th, var { font-style: normal }
ol, ul { list-style: none }
li { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
blockquote:before, blockquote:after, q:before, q:after { content: '' }
abbr, acronym { border: 0; font-variant: normal }
img { vertical-align: middle; border: none; max-width: 100%; }
input, textarea { -webkit-user-select: text; -ms-user-select: text; user-select: text; -webkit-appearance: none; }
input:focus, select:focus, textarea:focus, button:focus { outline: none; }
input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], textarea { -webkit-appearance: none; border: 1px solid; border-radius: 0; }
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;}
em, i { font-style: normal; }
li { list-style: none; }
input[type="checkbox"] { position: relative; width: 0.75rem; height: 0.75rem; background-color: #F5F5F5; border: 0.05rem solid #CCC; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle; }
input[type="checkbox"]:checked { border-color: #f23030; background-color: #f23030; }
input[type="checkbox"]:checked:after { content: ''; position: absolute; left: 0.1rem; top: 0.14rem; width: 0.4rem; height: 0.2rem; border-left: 0.065rem solid #fff; border-bottom: 0.065rem solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.block-area {
    display: block;
    position: relative;
}
.block-area::after, .block-area::before {
    content: ' ';
    clear: both;
    display: block;
}


sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
.hide { display: none !important;}
.show { display: block !important;}
/*clear float*/
.clearfix { zoom: 1 }
.clearfix:after { display: block; clear: both; content: '\20' }
:not(input) { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-text-size-adjust: none; }
.posr { position: relative !important; }
.posa { position: absolute; z-index: auto; }
.posf { position: fixed; top: 0; left: 0; width: 100%;}
.w17h li { width: 17%;}
.w20h li { width: 20%;}
.w25h li { width: 25%;}
.w33h li { width: 33.33%;}
.w50h li { width: 50%;}
.mt0 { margin-top: 0 !important;}
.mt2 { margin-top: 0.2rem !important;}
.mt5 { margin-top: 0.5rem !important; }
.mt10 { margin-top: 1rem !important;}
.mt-15 { margin-top: 1.5rem !important;}
.mt20 { margin-top: 2rem !important;}
.mt21 { margin-top: 2.1rem !important;}
.mt30 { margin-top: 3rem !important;}
.mt40 { margin-top: 4rem !important;}
.mt80 { margin-top: 8rem !important;}
.mr2 { margin-right: 0.2rem;}
.mr10 { margin-right: 1rem;}
.ml10 { margin-left: 1rem;}
.mb5 { margin-bottom: 0.5rem !important;}
.mb20 { margin-bottom: 2rem !important;}
.mb-20 { margin-bottom: -2rem !important;}
.mb25 { margin-bottom: 2.5rem !important;}
.mb35 { margin-bottom: 3.5rem !important;}
.pl5 { padding-left: 0.5rem;}
.pb5 { padding-bottom: 0.5rem;}
.bgc-t { background-color: transparent !important;}
.m-t-5{margin-top: 5rem !important;}
.mt-1{margin-top: -0.1rem !important;}

.mt5{margin-top: 5.5rem !important;}
#scroller { position: absolute; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
#scroller ul { list-style: none; padding: 0; margin: 0; width: 100%; text-align: left; }
#scroller li { padding: 0 10px; height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; background-color: #fafafa; font-size: 14px; }

/*页面固定宽度*/
.fixed-Width { min-width: 320px; margin: 0 auto;}

/*默认顶部*/
header, .header { background: #F8F8F8; position: absolute; z-index: 8; top: 0; left: 0; right: 0; bottom: auto; }
header.fixed { position: fixed; background: rgba(248,248,248,0.95); z-index: 9;}
.header-wrap > * {
    display: flex;
}
.header-wrap { display: flex; flex: 1; text-align: center; align-items: center; justify-content: space-between}
.header-l { display: flex; }
.header-l {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    line-height: 2.2rem;
}
.header-l .text {
    font-size: 0.65rem;
    line-height: 2rem;
    float: left;
    padding: 0 0 0 0.5rem;
}
.header-l i { display: block; width: 100%; height: 100%;color:#333; line-height: 2rem; }
.header-l i.back:before { content: "\e60a";}
.header-l i.close:before{ content: "\e63a";}
.header-l i.set:before{ content: "\e608";}
.header-l i.home:before{ content: "\e69e";}
/*单一标题*/
.header-title { display: inline-block; margin: 0 auto; }
.header-title h1 { font-size: 0.8rem; line-height: 1.95rem; height: 1.95rem; }
/*模拟输入框*/
.header-inp { position: relative; display: flex; height: 1.4rem; border-radius: 1rem; margin:0 0.5rem; background-color: rgba(155, 155, 155, 0.1); text-align: left; flex: 1; }
.header-inp .icon {
    float: left;
    vertical-align: top;
    width: 1rem;
    height: 0.8rem;
    margin: 0.35rem 0.3rem;
    background-image: url("../images/search_ico.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 70%;
    opacity: 0.3;
}
.header-inp .search-input {
    width: 7.5rem;
    height: 1.5rem;
    padding: 0 0;
    font-size: 0.7rem;
    line-height: 1.5rem;
    color: #BBB;
    border: none 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: none;
    flex: 1;
    display: block;
}
.header-inp .input-del { position: absolute; z-index: 1; top: 0; right: 0; display: none; width: 1.38rem; height: 1.38rem; background-image: url("../images/cancel_b.png"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%; opacity: 0.2;}
.header-inp.write .search-input { color: #111;}
.header-inp.write .input-del { display: block;}

/*标题切换*/
.header-tab { display: inline-block; height: 1.4rem; margin: 0.275rem auto 0 auto; font-size: 0; border-radius: 0.2rem; }
.header-tab a { display: inline-block; height: 1.3rem; padding: 0 1rem; text-align: center; font-size: 0.68rem; color: #333; line-height: 1.3rem; border: solid 0.05rem #f23030; }
.header-tab a:first-child { border-radius: 0.25rem 0 0 0.25rem; }
.header-tab a:last-child { border-radius: 0 0.25rem 0.25rem 0; }
.header-tab a.cur { color: #FFF; background-color: #f23030; }

/*标题导航*/
.header-nav { display: inline-block; margin: 0 auto; vertical-align: top; font-size: 0; white-space: nowrap; }
.header-nav li { display: inline-block; vertical-align: top; text-align: center; height: 1.95rem; }
.header-nav li a { display: inline-block; padding: 0.1rem 0.25rem; margin: 0 0.5rem; font-size: 0.7rem; line-height: 1.825rem; color: #333; }
.header-nav li.cur a { padding: 0.1rem 0.05rem 0 0.05rem; color: #f23030; border-bottom: solid 0.1rem #f23030; font-weight: 600; }
.header-r {
    font-size: 0.6rem; padding: 0; display: flex; align-items: center;
    min-width: 2rem;
    height: 2rem;
}
.header-r .text {
    position: relative;
    z-index: 1;
    display: inline-block;
    white-space: nowrap;
    width: 2rem;
    height: 2rem;
    padding: 0;
    font-size: 0.7rem;
    line-height: 2rem;
    color: #f23030;
    text-align: center;
}
.header-r a {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
    line-height: 2.2rem;
}
.header-r a i { display: block; width: 100%; height: 100%;color:#333;}
.header-r a sup { display: none; position: absolute; z-index: 1; top: 0.3rem; right: 0.3rem; width: 0.36rem; height: 0.36rem; background-color: #f23030; border-radius: 100%; }
.header-r a i.more:before{content: "\e617";}
.header-r a i.refresh:before{content: "\e635";}
.header-r a i.add:before{content: "\e634";}
.header-r a i.save{content: "\e64a";}
.header-r a.search-btn { width: 2.5rem; height: 1.95rem; text-align: center; padding: 0; font-size: 0.7rem; line-height: 1.95rem; color: #333; }
.header-r a.msg-log { width: 2.45rem; height: 1.95rem;  padding: 0;}
.header-r a.msg-log i { background-image: url("../images/msg_log_b.png"); background-repeat: no-repeat; background-position:50% 50%; background-size:70%; opacity: 0.7;}
.header-r .matter-btn{ color: #fff; font-size: 0.6rem; padding: 0.3rem; background-color:rgba(50,50,50,.5); border-radius: 0.7rem;  }
.header-r .kefu-btn{ color: #fff; font-size: 0.6rem; padding: 0.3rem; background-color:rgba(50,50,50,.5); border-radius: 0.7rem;margin-left: 0.35rem; }
/*头部下拉菜单*/
.sctouch-nav-layout { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; }
.sctouch-nav-menu { display: block; position: absolute; top: 1.2rem; right: 0.2rem; width: 5rem; }
.sctouch-nav-menu .arrow { display: block; float: right; width: 0; height: 0; margin-right: 0.4rem; font-size: 0; line-height: 0; border-width: 0.4rem; border-color: transparent transparent rgba(85,85,85,0.95) transparent; border-style: dashed dashed solid dashed; }
.sctouch-nav-menu ul { display: block; clear: both; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#F2555555', endColorstr='#F2555555');background: rgba(85,85,85,0.95); border-radius: 0.2rem; }
.sctouch-nav-menu li { position: relative; z-index: 1; border-bottom: solid 0.05rem #999; }
.sctouch-nav-menu li:last-child { border-bottom: none 0; }
.sctouch-nav-menu li a { display: block; height: 1.8rem; padding: 0.5rem; font-size: 0.6rem; line-height: 0.9rem; color: #FFF;}
.sctouch-nav-menu li a i { display: inline-block; width: 0.72rem; height: 0.72rem; vertical-align: middle; margin-right: 0.2rem; background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; font-size:0.7rem;line-height:0.72rem;}
.sctouch-nav-menu li a i.message:before { content:"\e649";}
.sctouch-nav-menu li a i.cart:before{content:"\e73e";}
.sctouch-nav-menu li a i.home:before{content:"\e69e";}
.sctouch-nav-menu li a i.search:before {content:"\e600";}
.sctouch-nav-menu li a i.categroy:before {content:"\e625";}
.sctouch-nav-menu li a i.member:before {content:"\e60c";}
.sctouch-nav-menu li a i.send:before {content:"\e67a";}
.sctouch-nav-menu li a i.express:before {content:"\e641";}
.sctouch-nav-menu li a i.goods:before {content:"\e6f9";}
.sctouch-nav-menu li a i.store:before {content:"\e7dc";}
.sctouch-nav-menu li a i.order:before {content:"\e624";}
.sctouch-nav-menu li a i.exit:before {content:"\e60b";}
.sctouch-nav-menu li a i.share:before {content:"\e613";}


.sctouch-nav-menu li sup { display: none; position: absolute; z-index: 1; top: 0.5rem; right: 0.5rem; width: 0.36rem; height: 0.36rem; background-color: #f23030; border-radius: 100%; }
/*头部透明*/
.transparent { background-color: transparent; border-bottom: none; }
.transparent .header-l a i.back{color:#fff;font-size:.8rem;}
.transparent .header-r i.share{color:#fff;font-size:.9rem;}
.transparent .header-l a i.set{color:#fff;font-size:.9rem;}
.transparent .header-title, .transparent .header-nav { display: none; }
.special-sale .transparent .header-title { display: block; color: #FFFFFF; }
.transparent .header-r a i.more {color:#fff;font-size:.9rem; line-height: 1rem;}
.transparent .header-r a sup { top: -0.05rem; right:  -0.05rem; width: 0.35rem; height: 0.35rem; background-color: #f23030; border: solid 0.05rem #FFF; border-radius: 100%; }
.transparent .sctouch-nav-menu .arrow { opacity: 0.55; }
.transparent .sctouch-nav-menu ul { background: rgba(85,85,85,0.55); }
.transparent .sctouch-nav-menu ul li { border-bottom-color: #CCC; }
header.posf, header .posf{ animation: headerFixed 0.5s ease-in-out; -webkit-animation: headerFixed 0.5s ease-in-out; }

#header2 {
    display: none;
}

@keyframes headerFixed {
from {
background-color: transparent;
border-bottom-color: transparent;
}
to {
background-color: #F8F8F8;
border-bottom-color: #EEE;
}
}
@-webkit-keyframes headerFixed {
from {
background-color: transparent;
border-bottom-color: transparent;
}
to {
background-color: #F8F8F8;
border-bottom-color: #EEE;
}
}


/*默认底部*/
footer { display: block; position: relative; z-index: 1; bottom: 0; left: 0; right: 0; top: auto; width: 100%;  }
/*footer-nav底部悬浮菜单css*/
.footer-blank{width:100%;height:50px;}
.footer-nav{position: fixed;bottom: 0;left:0;width: 100%;height:50px;background:#fff;box-shadow: 0 3px 14px 2px rgba(0,0,0,.12);z-index:101;padding: 0px;margin: 0px; box-sizing:border-box; padding-top:5px;}
.footer-nav ul{ width: 100%;height:45px;margin:0 auto;padding: 0px;display: -webkit-box !important;display: box !important;position: relative;}
.footer-nav ul li {position: relative;-webkit-box-flex: 1;box-flex: 1;height:45px;text-align: center;margin: 0px; width:100%; box-sizing:border-box;}
.footer-nav ul li.active span{color: #ea3123}
.footer-nav ul li a {text-align: center;font-size: 12px;color: #333;display: block;height:45px;position: relative;margin: auto;}
.footer-nav ul li i {display: block;width: 25px;height: 25px;line-height:25px;font-size:26px;margin: auto;background-size:contain;}
.footer-nav ul li span {display: block;width: 100%;height:20px;line-height:20px; font-size:0.5rem;}
.cart-num {position: absolute;top:0px; right:9px;color: #fff;text-align: center;font-weight: normal;font-size: 10px;width: 12px;height: 12px;line-height: 12px;background: #E71F19;border-radius: 50%;}


/*默认内容区域*/
/*.sctouch-main-layout { display: block; margin-top: 2rem; background-color: #F5F5F5; }*/
.sctouch-main-layout-a { display: block; position: absolute; top: 4rem; right: 0; left: 0; bottom: 0; overflow: auto; z-index: 1;}

/*特别提示*/
.special-tips { display: block; padding: 0.4rem 5%;}
.special-tips p { font-size: 0.55rem; line-height: 0.7rem; padding: 0.2rem 0.4rem; background: #AAA; color: #FFF; border-radius: 0.5rem;}

/*单行导航*/
.sctouch-single-nav { display: block; width: 100%; height: 1.95rem; padding: 0 1%; background: #FFF; border-bottom: solid 0.05rem #EEE; }
.sctouch-single-nav ul { display: block; font-size: 0; white-space: nowrap; overflow: visible !important;}
.sctouch-single-nav ul li { display: inline-block; vertical-align: top; text-align: center; height: 1.95rem; padding: 0!important;}
.sctouch-single-nav .area li { width: 33.33%;}
.sctouch-single-nav ul li a { display: inline-block; padding: 0.1rem 0.05rem; font-size: 0.6rem; line-height: 1.85rem; color: #333; }
.sctouch-single-nav ul li a i { display: inline-block; width: 1rem; height: 1rem; vertical-align: middle; margin-right: 0.1rem;line-height:1rem;}
.sctouch-single-nav ul li.selected a { padding: 0.1rem 0.05rem 0 0.05rem; color: #f23030; border-bottom: solid 0.1rem #f23030!important; }
.sctouch-single-nav ul li.selected a i { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: gray; opacity: 1;}
.sctouch-single-nav.fixed { background-color: rgba(248,248,248,0.95); position: fixed; z-index: 3; top: 2rem; left: 0; right: 0;}


/*标签式导航*/
.sctouch-tag-nav { background-color: #EEE; padding: 0.5rem 0.5rem 0 0.5rem;}
.sctouch-tag-nav ul { font-size: 0; display: block;}
.sctouch-tag-nav ul li { display: inline-block; background-color: #AAA; margin: 0 0.5rem 0.5rem 0; border-radius: 0.2rem;}
.sctouch-tag-nav ul li.selected { background-color: #f23030;}
.sctouch-tag-nav ul li a { display: block; padding: 0.2rem 0.5rem; font-size: 0.6rem; line-height: 0.9rem; color: #FFF;}


/*默认单行列表*/
.sctouch-default-list-tit { font-size: 0.7rem; line-height: 1rem; padding: 0.5rem;}
.sctouch-default-list { overflow: hidden; padding: 0 0 0 0.5rem; background-color: #FFF; border-top: solid 0.05rem #EEE; border-bottom: solid 0.05rem #EEE; }
.sctouch-default-list li { position: relative; z-index: 1; display: block; clear: both; overflow: hidden; padding: 0.5rem 0; line-height: 1rem; border-top: solid 0.05rem #EEE; }
.sctouch-default-list li:first-child { border-top: none; }
.sctouch-default-list li a { display: block; overflow: hidden; font-size: 0.65rem; color: #000; }
.sctouch-default-list li h4 { float: left; margin-left: 0.3rem; font-size: 0.7rem; line-height: 1rem; color: #333; }
.sctouch-default-list li h4 i { display: inline-block; vertical-align: top; margin-right: 0.2rem; width: 0.9rem; height: 0.9rem; opacity: 0.5; background-position: 50% 50%; background-repeat: no-repeat; background-size: 80%; }
.sctouch-default-list li h6 { float: left; clear: both; margin-left: 0.3rem; font-size: 0.55rem; line-height: 1rem; color: #888;}
.sctouch-default-list li span.num { float: right; margin-right: 1.2rem; font-size: 0.6rem; line-height: 1rem;}
.sctouch-default-list li span.tip { position: absolute; z-index: 1; top: 50%; right: 1.2rem; height: 0.9rem; margin-top: -0.4rem; font-size: 0.6rem; line-height: 0.9rem; color: #111;}
.sctouch-default-list li span.arrow-r { position: absolute; z-index: 1; top: 50%; right: 0.5rem; display: block; width: 0.6rem; height: 0.6rem; margin-top: -0.3rem; background-image: url("../images/arrow_right_b.png"); background-repeat: 50% 50%; background-repeat: no-repeat; background-size: 90%; opacity: 0.65; }
.sctouch-default-list li span.pics {float: right; margin-right: 1.2rem; font-size: 0.6rem; line-height: 1rem;}
.sctouch-default-list li span.pics img { width: 1rem; height: 1rem;}

/*默认输入表单*/
.sctouch-inp-con { display: block; clear: both;}
.sctouch-inp-con ul { background: #FFF;}
.login-main .sctouch-inp-con ul li {
    position: relative;
  /*  z-index: 1;*/
    display: block;
    min-height: 1.95rem;
    background-color: #FFF;
    border-bottom: none;
    margin-top: 0.5rem;
}
.sctouch-inp-con ul li:nth-last-child(1) { border-bottom: none 0; }
.sctouch-inp-con ul li.upload-item { height: 2.55rem}
/*.sctouch-inp-con ul li h4 { position: absolute; z-index: 1; top: 0; left: 0; width: 3rem; font-size: 0.6rem; line-height: 1.95rem; color: #444; text-align: right;}*/
.sctouch-inp-con ul li h4 { position: absolute; z-index: 1; left: 0; width: 3rem; font-size: 0.6rem; line-height: 1.95rem; color: #444; text-align: right;}
.sctouch-inp-con ul li .txt-box {line-height: 1.95rem;text-indent:3rem; font-size: 0.8rem; }
.sctouch-inp-con ul li .input-box { display: block; height: 1.95rem; margin: 0 0.5rem 0; position: relative; z-index: 1; border-bottom: 1px solid #f2f2f2; }
.sctouch-inp-con ul li h4 + .input-box {margin-left: 4.5rem; }
.bg-image .sctouch-inp-con ul li .input-box { border-bottom: none; }
.sctouch-inp-con ul li.upload-item .input-box { height: 2.5rem; padding: 0.3rem 0;}
.sctouch-inp-con ul li .input-box .inp { width: 100%; min-height: 1.5rem; padding: 0.5rem 0; border: 0 none; font-size: 0.6rem; line-height: 0.95rem; color: #000;}
.sctouch-inp-con ul li .input-box .input-del { position: absolute; z-index: 1; top: 0.5rem; right: 0.5rem; display: none; width: 0.975rem; height: 0.975rem; background-image: url("../images/cancel_b.png"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 60%; opacity: 0.4;}
.sctouch-inp-con ul li .input-box.write .input-del { display: block;}
.sctouch-inp-con ul li .input-box .checkbox { position: absolute; z-index: 1; top: 0.5rem; left: 0.5rem;}
.sctouch-inp-con ul li .input-box .txt { margin: 0 0 0 1.5rem; font-size: 0.7rem; line-height: 1.95rem; color: #555;}
.sctouch-inp-con ul li .input-box .note { position: absolute; z-index: 1; right: 0; top: 0.25rem; height: 1.6rem; text-align: right;}
.sctouch-inp-con ul li .input-box .note em { display: block; vertical-align: top; font-size: 0.6rem; font-weight: 600; color: #36BC9B; line-height: 0.8rem;}
.sctouch-inp-con ul li .input-box .note h6 { display: block; vertical-align: top; font-size: 0.55rem; color: #999; line-height: 0.8rem;}
.sctouch-inp-con ul li .input-box .select { width: 95%; height: 1.5rem;  margin: 0; font-size: 0.55rem; background-color: transparent; line-height: 1.5rem; border: 0 none; appearance: none; -webkit-appearance: none; /*for chrome*/}
.sctouch-inp-con ul li .input-box .arrow-down { position: absolute; z-index: 1; top: 0.5rem; right: 0; display: block; width:0.975rem; height: 0.975rem;line-height:0.975rem;font-size:18px;}
.sctouch-inp-con ul li .input-box .arrow-down:before{content: "\e63f";}
.sctouch-inp-con .form-btn { margin: 1rem 0.5rem 0; }
.bg-image .sctouch-inp-con .form-btn { margin: 1rem 0 0;}
.sctouch-inp-con .form-btn .btn {
    display: inline-block;
    width: 100%;
    height: 1.8rem;
    padding: 0;
    font-size: 0.8rem;
    line-height: 1.8rem;
    text-align: center;
    color: #888;
    background: #EEE;
    border: none;
    border-radius: 1rem;
}
.sctouch-inp-con .form-btn.ok .btn { color: #FFF !important; background: #f23030;}
/*开关*/
.input-box label { display: inline-block !important; height: 1.95rem !important; padding: 0 !important; margin: 0!important; border: 0 !important; border-radius: 0 !important; font-size: 0.7rem !important; line-height: 1.95rem !important; color: #555 !important;}
.input-box label.checked { background-color: transparent !important; padding: 0 !important; color: #555 !important;}
.input-box label input[type="checkbox"] { display: none;}
.input-box label .power { position: relative; z-index: 1; display: inline-block; vertical-align: middle; width: 1.6rem; height: 0.9rem; margin: 0 0.2rem; border: solid 0.05rem #DDD; border-radius: 0.5rem; }
.input-box label .power i { position: absolute; z-index: 1; top: 0rem; left: 0rem; width: 0.9rem; height: 0.9rem; background-color: #FFF; border-radius: 100%; box-shadow: 0.05rem 0.1rem 0.25rem rgba(0,0,0,0.3);}
.input-box label.checked .power{ background-color: #48CFAE; border-color: #48CFAE;}
.input-box label.checked .power i { left: auto; right: 0; box-shadow: -0.05rem 0.1rem 0.25rem rgba(0,0,0,0.3);}


/*无数据信息为空提示*/
.sctouch-norecord .norecord-ico { display: inline-block; width: 2.2rem; height: 2.2rem; padding: 0.4rem; margin: 0 auto; background-color: #DDD; border-radius: 100%; }
.sctouch-norecord .norecord-ico i { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%; font-size:2rem;color:#fff;}
.sctouch-norecord dl { height: 2.75rem; margin-top: 0.75rem; }
.sctouch-norecord dl dt { display: block; height: 1rem; margin-bottom: 0.25rem; font-size: 0.75rem; line-height: 1rem; }
.sctouch-norecord dl dd { display: block; height: 1rem; margin-bottom: 0.5rem; font-size: 0.55rem; line-height: 1rem; color: #999; }
.sctouch-norecord .fullstyle {
    background-image: url(../images/full.png);
    width: 6rem;
    height: 7rem;
    background-size: 100% auto;
    margin: 0 auto;
    background-repeat: no-repeat;
}

/*无数据提示图标*/
.sctouch-norecord.search .norecord-ico i:before{content:"\e600";}
.sctouch-norecord.cart .norecord-ico i:before{content:"\e73e";}
.sctouch-norecord.eval .norecord-ico i:before{content:"\e7de";}
.sctouch-norecord.talk .norecord-ico i:before{content:"\e673";}
.sctouch-norecord.order .norecord-ico i:before{content:"\e624";}
.sctouch-norecord.refund .norecord-ico i:before{content:"\e62f";}/*退款、退货*/
.sctouch-norecord.address .norecord-ico i:before{content:"\e67a";}
.sctouch-norecord.favorite-store .norecord-ico i:before{content:"\e7dc";}
.sctouch-norecord.favorite-goods .norecord-ico i:before{content:"\e621";}
.sctouch-norecord.views .norecord-ico i:before{content:"\e631";}
.sctouch-norecord.signin .norecord-ico i:before{content:"\e674";}/*签到*/
.sctouch-norecord.pdre .norecord-ico i:before{content:"\e62b";}/*预存款*/
.sctouch-norecord.recharge .norecord-ico i:before{content:"\e79b";}/*充值卡*/
.sctouch-norecord.voucher .norecord-ico i:before{content:"\e62e";}/*代金券*/
.sctouch-single-nav .area li { width: 33.33%;}

/*加减数量控件*/
.value-box { display: inline-block; float: right; font-size: 0; border-radius: 0.6rem;}
.value-box span { display: inline-block;vertical-align: top;line-height: 0;}
.value-box span a { display: block; width: 0.4rem; height: 0.4rem; margin: 0.4rem; opacity: 0.65;}
.value-box span.add { background-color: #eee; border-radius: 0 0.6rem 0.6rem 0;}
.value-box span.minus { background-color: #eee; border-radius: 0.6rem 0 0 0.6rem;}
.value-box span.add a { background-image: url("../images/value_add.png"); background-repeat: no-repeat; background-repeat: 50% 50%; background-size: 100%;}
.value-box span.minus a { background-image: url("../images/value_minus.png"); background-repeat: no-repeat; background-repeat: 50% 50%; background-size: 100%;}
.value-box span .buy-num {
    width: 1.2rem;
    height: 1.2rem;
    padding: 0;
    font-size: 0.6rem;
    font-weight: lighter;
    line-height: 1.3rem;
    text-align: center;
    border: 0;
    border-radius: 0;
    background: #eee;
    margin: 0 1px;
}

/*默认按钮样式*/
.btn {
    vertical-align: middle;
    display: inline-block !important;
    height: 1.2rem;
    padding: 0 0.3rem;
    margin: 0 auto;
    font-size: 0.6rem;
    color: #555 !important;
    line-height: 1.2rem;
    text-align: center;
    background-color: #FFF;
    border: solid 1px #CCC;
    border-radius: 0.8rem;
}
.btn.key { border-color: #f23030; color: #f23030 !important; font-weight: 600;}
.btn-l { display: inline-block; width: 90%; margin: 0 5%; font-size: 0.8rem; line-height: 1.8rem; text-align: center; color: #FFF; background: #f23030; border-radius: 1rem; }

/*图片选择上传*/
.sctouch-upload { display: inline-block; width: 1.94rem; height: 1.94rem; border: solid 0.05rem #EEE; border-radius: 0.1rem; vertical-align: top;}
.sctouch-upload a { position: relative; z-index: 1; display: block; width: 100%; height: 100%;}
.sctouch-upload span { position: absolute; z-index: 3; left: 0; top: 0; bottom: 0; right: 0;}
.sctouch-upload .input-file { width: 100%; height: 100%; padding: 0; margin: 0; border: none 0; opacity:0; filter: alpha(opacity=0);}
.sctouch-upload p { position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; right: 0; background-color: transparent;}
.sctouch-upload p i { display: block; width: 100%; height: 100%; background-image: url("../images/value_add.png"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%; opacity: 0.25;}
.sctouch-upload .pic-thumb { position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; right: 0; background-color: #FFFFFF; border-radius: 0.1rem;}
.sctouch-upload .pic-thumb img { width: 95%; height: 95%; margin: 2.5%}
.sctouch-upload .upload-loading { position: absolute; z-index: 4; left: 0; top: 0; bottom: 0; right: 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); border-radius: 0.1rem;}
.sctouch-upload .upload-loading i { display: block; width: 100%; height: 5%; margin: 93% 0 2% 0; background: #4FC0E8; animation: optionLoading 0.5s ease-in-out; -webkit-animation:optionLoading 1s ease-in-out;}
 @keyframes optionLoading {
from { width: 0%;}
to { width: 100%;}
}
@-webkit-keyframes optionLoading {
from { width: 0%;}
to {  width: 100%;}
}

/*页内固定块*/
.fix-block-r { width: 1.9rem; position: fixed; z-index: 5; right: 0.5rem; bottom: 2rem;}
.fix-block-r a { display: block; width: 1.95rem; height: 1.95rem; background: rgba(255,255,255,0.85); border-radius: 100%; border: solid 0.05rem #EEE;  }
.fix-block-r a i { width: 100%; height: 100%; display: block; background-position: 50% 50%; background-repeat: no-repeat; background-size: 60%; opacity: 0.5;font-size:1.2rem;text-align:center;line-height:1.95rem;}
.fix-block-r a.gotop-btn{margin-top: 0.25rem;color:#666}
.fix-block-r a.gotop-btn i:before{content: "\e622";}
.fix-block-r a.browse-btn i:before{content: "\e631";}

/*页面整体下拉缓冲*/
.scroller-body { top: 0; bottom: 60px; right: 0; left: 0; position: absolute; z-index: auto; }

/* loading */
/*下拉读取*/
.loading { text-align: center; display: block; padding: 1rem 0; font-size: 0.55rem; color: #666;}
.spinner { display: inline-block; vertical-align: middle; margin-right: 0.4em; font-size: 1em; width: 1em; height: 1em; text-align: left; border-radius: 50%; box-shadow: inset 0 0 0 .1em rgba(58, 168, 237, .3); }
.spinner i { position: absolute; clip: rect(0, 1em, 1em, .5em); width: 1em; height: 1em; animation: spinner-circle-clipper 1s ease-in-out infinite; -webkit-animation: spinner-circle-clipper 1s ease-in-out infinite; }
 @keyframes spinner-circle-clipper {
 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(180deg);
}
}
@-webkit-keyframes spinner-circle-clipper {
 0% {
 -webkit-transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(180deg);
}
}
.spinner i:after { position: absolute; clip: rect(0, 1em, 1em, .5em); width: 1em; height: 1em; content: ''; animation: spinner-circle 1s ease-in-out infinite; -webkit-animation: spinner-circle 1s ease-in-out infinite; border-radius: 50%; box-shadow: inset 0 0 0 .1em #3aa8ed; }
 @keyframes spinner-circle {
 0% {
 transform: rotate(-180deg);
}
 100% {
 transform: rotate(180deg);
}
}
@-webkit-keyframes spinner-circle {
 0% {
 -webkit-transform: rotate(-180deg);
}
 100% {
 -webkit-transform: rotate(180deg);
}
}
/*异步读取*/
.pre-loading{background:rgba(248,248,248,0.95); position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; left: 0;}
.pre-block{text-align: center; position: absolute; z-index: 1; width: 6rem; height: 1rem; font-size: 0.55rem; color: #666; top: 50%; left: 50%; margin: -0.5rem 0 0 -3rem;}

.public-pos{background: rgba(0, 0, 0, 0) url("../images/pos.png") no-repeat scroll 0 center / 1.5rem 1.5rem;display: inline-block; height:1.5rem;vertical-align: middle;width: 1.5rem;}

.sctouch-inp-con ul li .input-box .public-pos{position: absolute;top:0.2rem;right: 0rem; display: none;}


/*文章*/
#article-content { font-size: 0.7rem;  background:#fff;padding: 5px 10px;min-width: 320px; margin: 0 auto; overflow: hidden;min-height: calc(100vh - 2rem);padding-top:3rem;}
#article-content embed[type="application/x-shockwave-flash"] { display: none;}
#article-content p,
#article-content div,
#article-content table {width: 100% !important;}
#article-content img { width: 100% !important;}
.article_type {color: #6d6d6d; margin-bottom: 5px;  display: block;text-align: center; width:100%;font-size:0.8rem;font-weight:bold;}
.article-list {padding: 1px 0px 0px;}
.article-list-item a{display: block;color: #6d6d6d; line-height: 40px;}
.article-list-item{padding-right: 50px; padding-left:10px; border-top:1px dotted #ded6c9; cursor:pointer;font-size: 14px;position: relative;}
.article-title {color: #6d6d6d; margin-bottom: 5px; height: 40px; line-height: 40px; display: block;text-align: center; width:100%;font-size:0.7rem;font-weight:bold; border-bottom:1px dotted #ded6c9;}
.article-class { display: block; margin-top: 2.8rem; padding-left: 0.8rem;}
.article-class li { display: inline-block; background-color: #F8F8F8; border: solid 0.05rem #EEE; margin: 0 0.4rem 0.4rem 0;}
.article-class li a { display: block; padding: 0.2rem 0.5rem; font-size: 0.6rem; line-height: 1rem; color: #555;}
.article-class li { border-radius: 0.75rem;}



#addressSelected #allmap{width:100%;height:40%}
#addressSelected .map_content{position: absolute;padding-top: 1.95rem;box-sizing: border-box;height: 100%;width: 100%}
#addressSelected .location_name{position: relative}
#addressSelected #map_keywords{width: 100%;height: 1.95rem;background: #fff;border:0;text-indent: 1.95rem;}
#addressSelected .icon_search{width: 1.95rem;height: 1.95rem;position: absolute;top:0;left:0;background: rgba(0, 0, 0, 0) url("../images/search.png") no-repeat scroll 0 center / 1.5rem 1.5rem;}
#addressSelected #r-result{width: 100%;height:60%;overflow-y: auto; padding:0.5rem;box-sizing: border-box;background: #fff }
#addressSelected .address_list_wrap{border-bottom:1px solid rgb(216, 216, 216);height:2.4rem;overflow: hidden;}
#addressSelected .address_mt{font-size: 0.7rem;color:rgb(110,110,110);padding-bottom: 0.2rem;}
#addressSelected .address_mc{font-size: 0.5rem;color:rgb(170,170,170);padding-bottom: 0.2rem;}

/*拼团列表*/
.sctouch-pintuan-list { display: block; clear: both; width: 100%;}
.sctouch-pintuan-list ul {}
.sctouch-pintuan-item { width: 95%; padding: 0.275rem 2.5%; background-color: #FFF; border-bottom: solid 0.05rem #EEE; margin: 0.275rem 0;}
.sctouch-pintuan-item-head { height: 0.9rem; padding: 0.5rem 0; border-bottom: solid 0.05rem #EEE; line-height: 0.9rem;}
.sctouch-pintuan-item-head .name { display: block; float: left; font-size: 0.7rem; line-height: 0.9rem; color: #000;}
.sctouch-pintuan-item-head .time{font-size: 0.5rem;line-height: 0.9rem;color: #999;float: left; margin-left:0.5rem;}
.sctouch-pintuan-item-head .state { dispaly: blcok; float: right; font-size: 0.6rem; color: #f23030;}
.sctouch-pintuan-item-con {padding: 0.38rem 0;}
.sctouch-pintuan-item-con dl{float:left;margin-right:0.75rem;}
.sctouch-pintuan-item-con dl dt {display: block;width: 2.8rem;height: 2.8rem;}
.sctouch-pintuan-item-con dl dt img{width:100%;height:100%;border-radius: 50%;}
.sctouch-pintuan-item-con dl dd{color: #333;line-height: 0.75rem;font-size: 0.6rem;width: 2.8rem;height:0.75rem;overflow:hidden;text-align:center;}
.sctouch-pintuan-item-footer{border-top: solid 0.05rem #EEE;margin-top: 0.4rem;}
.sctouch-pintuan-item-footer .time{height: 0.9rem;font-size: 0.5rem;line-height: 1rem;color: #999;text-align:right;padding:0.275rem 0;}


.sctouch-norecord dl dt {
    display: block;
    height: 1rem;
    margin-bottom: 0.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
}
/*默认内容区域*/
.sctouch-main-layout {
    display: block;
    margin-top: 2rem;
    background: transparent;
    position: relative;
}
.sctouch-main-layout-a {
    position: absolute;
    top: 2rem;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
    z-index: 1;
    height: calc(100vh - 4rem);
}

/*无数据信息为空提示*/
.sctouch-norecord {
    position: relative;
    z-index: 0;
    width: 10rem;
   /* margin: 5.5rem auto 1rem;*/
    text-align: center;
    font-size: 0;
    position: relative;
    margin: 5.5rem 3.5rem;

}
.sctouch-norecord .norecord-ico {
    display: inline-block;
    width: 2.5rem !important;
    height: 2.5rem;
    padding: 0.4rem;
    margin: 0 auto;
    border-radius: 100%;
    background-color: #DDD !important;
    font-size: 0.8rem !important;
    line-height: 2.2rem;
}
.sctouch-norecord .norecord-ico i {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 80%;
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.9rem;
}
.sctouch-norecord dl { height: 2.75rem; margin-top: 0.75rem; }
.sctouch-norecord dl dt { display: block; height: 1rem; margin-bottom: 0.25rem; font-size: 0.75rem; line-height: 1rem; }
.sctouch-norecord dl dd { display: block; height: 1rem; margin-bottom: 0.5rem; font-size: 0.55rem; line-height: 1rem; color: #999; }
/*无数据提示图标*/
.sctouch-norecord.search .norecord-ico i:before{content:"\e600";}
.sctouch-norecord.cart .norecord-ico i:before{content:"\e73e";}
.sctouch-norecord.eval .norecord-ico i:before{content:"\e7de";}
.sctouch-norecord.talk .norecord-ico i:before{content:"\e673";}
.sctouch-norecord.order .norecord-ico i:before{content:"\e624";}
.sctouch-norecord.refund .norecord-ico i:before{content:"\e62f";}/*退款、退货*/
.sctouch-norecord.address .norecord-ico i:before{content:"\e67a";}
.sctouch-norecord.favorite-store .norecord-ico i:before{content:"\e7dc";}
.sctouch-norecord.favorite-goods .norecord-ico i:before{content:"\e621";}
.sctouch-norecord.views .norecord-ico i:before{content:"\e631";}
.sctouch-norecord.signin .norecord-ico i:before{content:"\e674";}/*签到*/
.sctouch-norecord.pdre .norecord-ico i:before{content:"\e62b";}/*预存款*/
.sctouch-norecord.recharge .norecord-ico i:before{content:"\e79b";}/*充值卡*/
.sctouch-norecord.voucher .norecord-ico i:before{content:"\e62e";}/*代金券*/
.sctouch-single-nav .area li { width: 33.33%;}

.is-realname {
    display: inline-block;
    background-color: #DB4453;
    font-size: 0.6rem;
    line-height: 0.9rem;
    padding: 0 0.15rem;
    margin-left: 0.15rem;
    border-radius: 0.15rem;
    color: #FFF;
    bottom: 0;
}

/* 字体大小 */
.font-lg{font-size:0.8rem;}
.font-lg-2{font-size:0.6rem;!important;}
.font-lg-4{font-size:2rem !important;}
.font-md-1{font-size:0.5rem;}
.font-md-2{font-size:0.52rem;}
.font-sm-1{font-size:0.54rem;}
.font-sm-2{font-size:0.44rem;}
.font-xs-1{font-size:0.40rem;}
.font-xs-2{font-size:0.40rem;}
/* 商品列表 */
.goods-list{
    padding: 0 0.45rem;
    position: relative;
    min-height: calc(100vh - 8rem);
}
.red{
    border-radius: 1rem;
    border: 1px solid #ea3123;
    color: #ea3123;
    padding: 0.1rem 0.5rem;
}
.black{
    border-radius: 1rem;
    border: 1px solid #8FBC8F;
    color: #8FBC8F;
    padding: 0.1rem 0.5rem;
}
.red-full{
    border-radius: 1rem;
    background-color: #ea3123;
    border: 1px solid #ea3123;
    color: #fff;
    padding: 0.1rem 0.5rem;
}
.goods-btn.btn-gray{
    border-radius: 1rem;
    background-color: #FFFFFF;
    border: 1px solid #a1a1a1;
    color: #a1a1a1;
    padding: 0.1rem 0.5rem;
}
.red-full-2 {
    border-radius: 1rem;
    background-color: #ea3123;
    color: #fff;
    /* padding: 0.1rem 0.5rem; */
    padding: 0.05rem;
    margin-left: 0.2rem;
    display: inline-block;
    width: 3rem;
    text-align: center;
}
  .red-full-3{
      border-radius: 1rem;
      background-color: #1e0d0d59;
      color: #fff;
      /*padding: 0.1rem 0.5rem;*/
      padding: 0.15rem;
      margin-left: 0.2rem;
  }
.green{
    border-radius: 1rem;
    border: 1px solid #6da274;
    color: #6da274;
    padding: 0.1rem 0.5rem;
    margin-left: 0.5rem;
}
.green-full{
    border-radius: 1rem;
    background-color: #6da274;
    color: #fff;
    padding: 0.1rem 0.5rem;
    margin-left: 0.5rem;
}
.green-full-2{
    border-radius: 1rem;
    background-color: #92ba4a;
    color: #fff;
    padding: 0.1rem 0.5rem;
    margin-left: 0.2rem;
}
.green-full-2 .custom-price-grade{
    margin-right: 0.2rem;
}
.purple{
    border-radius: 1rem;
    border: 1px solid #9159b8;
    color: #9159b8;
    padding: 0.1rem 0.5rem;
}

#foot_nav_cart {
    position: absolute;
    top: -0.4rem;
    left: 50%;
    margin-left: 1rem;
    width: 0;
}
#foot_nav_cart sup, #head_nav_cart sup {
    position: absolute;
    z-index: 1;
    top: 0.1rem;
    right: 0;
    min-width: 0.8rem;
    font-size: 0.5rem;
    line-height: 0.8rem;
    color: #fff;
    text-align: center;
    background: #f23030;
    border-radius: 0.4rem;
}
.goods-list .item {
    border-radius: 0.3rem;
    color: #333;
    overflow: hidden;
    border: 0.5px solid #f2f2f2;
    margin: 0.5rem auto;
    padding-bottom: 0.6rem;
    position: relative;
    background: #FFFFFF;
}
.goods-list .goods_image img {
    float: left;
}
.goods-list .item .back img {
    width: 100%;
}
.goods-list .item .subscribe-close {
    position: absolute;
    right: 0rem;
    top: 0;
    padding: 0.2rem 0.5rem;
    line-height: 1.5rem;
    color: #FFF;
    border-radius: 1rem;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    font-size: 1.5rem;
    z-index: 1;
    width: 2.5rem;
    height: 2.5rem;
    text-align: right;
}
.goods-list .item .turn-free {
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    top: auto;
    font-size: 0.8rem;
    padding: 0.2rem 0.5rem;
    height: auto;
    line-height: 1.5rem;
    color: #000;
    background-color: #fff;
    border-radius: 1rem;
}
.goods-list .item .intro-box .goods_name {
    color: #333;
    line-height: 0.8rem;
    white-space: normal;
    overflow: hidden;
    font-size: 0.6rem;
    padding-top: 0.4rem;
}
.goods-list .item .back .goods_intro {
    color: #666;
}
.goods-list .goods-subscribe.favorate {
    border-color: #d7d7d7;
}
.goods-list .goods-subscribe.favorate .desc {
    color: #d7d7d7;
}
.goods-list .price_info .now_price{
    color: #ea3123;
}
.goods-list .price_info .del{
    color: #999;
    margin-left: 0.2rem;
}
.goods-list .desc-box {
    float: left;
    width: 70%;
    padding-bottom: 1.4rem;
}
.goods-list .number-box {
    color: #a8a8a8;
    margin: 0.4rem 0;
    float: left;
    width: 30%;
}
.goods-list .number-box .sale-box {
    display: flex;
    align-items: center;
    
}
.goods-list .number-box .snap-up {
    color: #b18956;
    text-align: center;
    width: 75%;
    background: #f8d79c;
    border-radius: 0.4rem;
    display: block;
    min-width: 1.5rem;
    vertical-align: middle;
    height: 0.8rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}
.goods-list .number-box .only-leave {
    display: inline-block;
    width: 100%;
    background: #f9f0e3;
    border-radius: 0.4rem;
    overflow: hidden;
    font-size: 0.36rem;
    line-height: 0.8rem;
    text-align: right;
    padding-right: 0.2rem;
}
.goods-list .number-box .only-leave span:last-child{
    position: absolute;
    margin-left: -1rem;
}
.goods-list .goods_intro {
    color: #999;
    font-size: 0.4rem;
}
.goods-list .price_info{
}
.price_info .now_price {
    color: #ea3123;
}
.price_info del {
    color: #d3d3d3;
    margin-left: 0.1rem;
}
.price_info .btnbox {
    height: 2.18rem;
    width: 50%;
}
.price_info .subscribe-price{
    color: #333;
}
.intro-box{
    padding: 0 0.4rem;
}
.goods-btn{
    line-height: 1rem;
    margin-left: 0.2rem;
    display: inline-block;
    font-size: 0.55rem;

}
.goods-list .clearance_way {
    display: block;
    text-align: right;
    border-radius: 0.4rem;
    font-size: 0.5rem;
    /*font-style: oblique;*/
    padding: 0.8rem 0.1rem 0.3rem;
}
.goods-list .clearance_way-1{
    color: #a272a5;
}
.goods-list .clearance_way-2{
    color: #65adff;
}
.goods-list .price-box {
    float: left;
    width: 70%;
}
.goods-list .btn-box {
    float: left;
    width: 30%;
}
.goods-list .btn-box .goods-subscribe-btn {
    display: block;
    width: 6rem;
    float: left;
    margin: 0;
    border: 1px solid #eb3124;
    font-size: 0.5rem;
    line-height: 1.2rem;
    text-align: center;
    padding: 0;
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    border-radius: 0.6rem;
}
.goods-list .btn-box .goods-subscribe-btn:nth-child(1){
    color: #FFFFFF;
    border-left: 0;
    background: -webkit-linear-gradient(top, #fd9117, #f5631c, #eb3124); /* Safari 5.1-6.0 */
    background: -o-linear-gradient(top, #fd9117, #f5631c, #eb3124); /* Opera 11.1-12.0 */
    background: -moz-linear-gradient(top, #fd9117, #f5631c, #eb3124); /* Firefox 3.6-15 */
    background: linear-gradient(top, #fd9117, #f5631c, #eb3124); /* 标准语法 */
}
.goods-list .btn-box .goods-btn {
    display: block;
    width: 50%;
    float: left;
    margin: 0;
    border: 1px solid #eb3124;
    font-size: 0.5rem;
    line-height: 1.2rem;
    text-align: center;
    padding: 0;
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    border-radius: 0.6rem;
}
.goods-list .price-fixed {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70%;
}
.goods-list .price-fixed .btn-box .goods-btn:nth-child(1) {
    min-width: 3rem;
    color: #eb3124;
    width: auto;
    padding: 0 0.2rem;
}
.goods-list .price-fixed .btn-box .goods-btn:nth-child(2) {
    width: auto;
    min-width: 2.5rem;
    padding: 0 0.2rem;
}
.goods-list .btn-box .goods-btn:nth-child(1) {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.goods-list .btn-box .btn-full {
    border-right: none !important;
    border-radius: 5rem !important;
    width: 100%;
}
.goods-list .btn-box .goods-btn:nth-child(2) {
    color: #FFFFFF;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: -webkit-linear-gradient(top, #fd9117, #f5631c, #eb3124); /* Safari 5.1-6.0 */
    background: -o-linear-gradient(top, #fd9117, #f5631c, #eb3124); /* Opera 11.1-12.0 */
    background: -moz-linear-gradient(top, #fd9117, #f5631c, #eb3124); /* Firefox 3.6-15 */
    background: linear-gradient(top, #fd9117, #f5631c, #eb3124); /* 标准语法 */
}
.goods-list .btn-box.goods-subscribe {
    width: 100%;
    display: block;
}
/*分类*/
.home-category {position: relative;}
.home-category .linear {width: 1rem;height: 1.6rem;background-image: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#f2f2f2);position: absolute;top: 0;right: 2rem;z-index: 1;}
.home-category .toggle-wrap {height: 1.6rem;}
.home-category .category-nav {overflow: hidden;position: absolute;top: 0;left: 0;right: 2rem;white-space: nowrap;overflow-x: auto;}
.home-category .category-nav .category-item {display: inline-block;margin-left: 1rem;font-size: .6rem;border-bottom: .1rem solid transparent;line-height: 1.5rem;color:#666;}
.home-category .category-nav .category-item.active {color: #f23030;border-color: #f23030;}
.home-category .toggle-wrap .toggle{float: right;text-align: center;width: 2rem;height: 1.5rem;line-height: 1.5rem;transition: transform .5s;font-size: .6rem;color:#666}
.home-category .toggle-wrap .toggle.active{transform: rotate(180deg);}
.home-category .category-nav.active {position: relative;padding: 0 2%;white-space: normal;background: #f2f2f2}
.home-category .category-nav.active .category-item {border-radius: 3px;border: .05rem solid #e0e0e0;background: #fafafa;width: 21%;line-height: 1.2rem;margin: .5rem 2%;margin-top: 0;text-align: center;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;float: left;}
.home-category .category-nav.active .category-item.active {border-color: #f23030;}
.ml20{
    margin-left: 20px !important;
}

/*商品详情选项*/
#product_subscribe_html { z-index: 999; }
#product_subscribe_html .option-item {
    font-size: 0.7rem;
    color: #000;
    font-weight: 400;
    overflow: hidden;
}
#product_subscribe_html .value-box .price-grade {
    display: inline-block;
    color: #FFFFFF;
    font-size: 0.6rem;
    width: 15%;
    background: #bfbfbf;
    height: 1.2rem;
    border-radius: 0.2rem;
    line-height: 1.2rem;
    text-align: center;
    margin: 0 2.5%;
    font-weight: 100;
}
#product_subscribe_html .value-box .price-grade[data-value="弱↓"].active { background: #fdd6a3; }
#product_subscribe_html .value-box .price-grade[data-value="一般"].active { background: #fabf74; }
#product_subscribe_html .value-box .price-grade[data-value="强↑"].active { background: #f7b662; }
#product_subscribe_html .value-box .price-grade[data-value="很强↑↑"].active { background: #faa02c; }
#product_subscribe_html .value-box .price-grade[data-value="异常"].active { background: #f10028; }
.custom-price-grade {
    border-radius: 1rem;
    background-color: #92ba4a;
    color: #fff;
    padding: 0.1rem 0.5rem;
    margin-left: 0.5rem;
}

#product_subscribe_html .value-box span {
    display: block;
    line-height: 0;
}
#product_subscribe_html .value-box {
    display: block;
    width: 100%;
    border: 0;
    margin-top: 0.2rem;
}
#product_subscribe_html .price-set {
    width: 40%;
    float: left;
}
#product_subscribe_html .price-calc {
    float: left;
    width: 5rem;
    line-height: 0.8rem;
    font-size: 0.5rem;
    text-align: center;
    padding-left: 0.5rem;
}
#product_subscribe_html .goods-profit {
    background: #f10028;
    color: #FFF;
    font-size: 0.43rem;
    border-radius: 0.5rem;
}
#product_subscribe_html .value-box .price-value {
    display: inline;
    vertical-align: middle;
}
.goods-options-info { min-height: 4rem;}
.goods-options-info .goods-pic {
    position: absolute;
    z-index: 1;
    left: 0.5rem;
    padding: 0.2rem;
    height: 4.5rem;
    width: 4.5rem;
    background: #FFF;
    border-radius: 0.2rem;
    top: -0.8rem;
    border: 1px solid #bfbfbf;
}
.goods-options-info .goods-pic img { width: 100%; height: 100%;}
.goods-options-info dl { margin-left: 5rem;}
.goods-options-info dt { font-size: 0.6rem; line-height: 0.75rem; margin: 0.2rem 0.6rem 0.4rem 0;}
.goods-options-info .goods-price { height: 1rem; font-size: 0.55rem; color: #DB4453; font-weight: 600; line-height: 1rem;}
.goods-options-info .goods-price em { font-size: 1.1rem; font-weight: 100;}
.goods-options-info .goods-price .activity { display: inline-block; height: 0.7rem; vertical-align: top; padding: 0 0.1rem; margin: 0.14rem 0 0 0.1rem; font-size: 0.45rem; line-height: 0.7rem; font-weight: lighter; color: #FFF; background-color: #f23030; border-radius: 0.1rem;}
.goods-options-info .goods-storage { display: block; float: right; font-size: 0.5rem; line-height: 1rem; color: #888;}

.goods-options-stock { padding: 0.25rem 0.5rem;}
.goods-options-stork dl { display: block; overflow: hidden;}
.goods-options-stock dt { display: block; height: 0.9rem; padding: 0.1rem 0; font-size: 0.6rem; color: #888; line-height: 0.9rem;}
.goods-options-stock dd { display: block; font-size: 0rem;}
.goods-options-stock dd a { display: inline-block; height: 1.8rem; padding: 0.25rem 0.5rem; margin-left: 0.3rem; margin-bottom: 0.3rem; font-size: 0.55rem; color: #888; line-height: 0.9rem; background: #FFF; border: solid 0.05rem #BBB; border-radius: 0.15rem;}
.goods-options-stock dd a:first-child { margin-left: 0;}
.goods-options-stock dd a.current { padding: 0.28rem 0.53rem; color: #FFF; background: #f23030; border: none;}
.goods-option-value { display: block; padding: 0.5rem; margin-bottom: 2rem; line-height: 1.2rem; font-size: 0.6rem; color: #999; border-top: solid 0.05rem #EEE;}
.goods-option-value input.custom-price {
    height: 1.5rem;
    border: 1px solid #f2f2f2;
    width: 100%;
    font-size: 0.6rem;
    padding: 0 0.5rem;
}
.goods-option-value input.custom-price-grade {
    height: 1.2rem;
    border: 1px solid #f2f2f2;
    width: 3rem;
    font-size: 0.6rem;
    padding: 0 0.5rem;
}
.goods-option-value .option-item {
    padding: 0.3rem;
}
.goods-option-value .option-item .value-box { border: none; }
.goods-subscribe-save .btn {
    width: 90%;
    margin-left: 5%;
    position: relative;
    top: -1rem;
    background: #f10028;
    color: #FFF !important;
    height: 1.8rem;
    border: 0;
    font-size: 0.8rem;
    line-height: 1.8rem !important;
}
.goods-detail-bottom { margin: 0.5rem 0 2.5rem 0; text-align: center;}
.goods-detail-bottom a { display: inline-block; width: 100%; height: 1rem; margin: 0 auto; font-size: 0.6rem; line-height: 1rem; color: #999;}
.share-container .share-actions { padding-top: 0.5rem; }
.share-container .share-actions .iconfont {
    width: 2.5rem;
    height: 2.5rem;
    background: #76d159;
    margin: 0 auto;
    font-size: 1.4rem;
    line-height: 2.6rem;
    border-radius: 50%;
    color: #FFFFFF;
}
.share-container .share-actions li:nth-child(2) .iconfont { background: #4fa834; }
.share-container .share-actions li:nth-child(3) .iconfont { background: #4c8ef0; }
.share-container .share-actions li:nth-child(4) .iconfont { background: #f4a77f; }
.share-container .share-actions li:nth-child(5) .iconfont { background: #ea3123; }
.share-container .share-actions li:nth-child(6) .iconfont { background: #4c8ef0; }
.share-desc {
    background: #f2f2f2;
    line-height: 1rem;
    font-size: 0.6rem;
    min-height: 2rem;
    padding: 0.5rem;
    text-align: center;
}

/** 按钮 **/
.mui-btn.btn-adv {
    background: -webkit-linear-gradient(#fbeca5, #fbeea9, #fbda87); /* Safari 5.1-6.0 */
    background: -o-linear-gradient(#fbeca5, #fbeea9, #fbda87); /* Opera 11.1-12.0 */
    background: -moz-linear-gradient(#fbeca5, #fbeea9, #fbda87); /* Firefox 3.6-15 */
    background: linear-gradient(#fbeca5, #fbeea9, #fbda87); /* 标准语法 */
    border: 0;
    color: #ea3123;
    height: 2rem;
    line-height: 2rem;
    padding: 0;
    font-size: 0.8rem;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    border-radius: 0.3rem;
}

/*类型图标-左上角*/
.type_icon{
    width: 30px;
    height: 50px;
    margin: 0;
    position: absolute;
    left: 11px;
}
.type_icon .left-top {
    height: 30px;
    float: left;
}
/*通知提示*/
.new_notice {
    font: bold 11px/14px Verdana;
    line-height: 10px;
    background: #F00;
    text-align: center;
    display: block;
    height: 5px;
    min-width: 5px;
    border: none 0;
    border-radius: 8px;
    position: absolute;
    z-index: 3;
    top: 6px;
    right: 6px;
}